<template>
  <div>
    <h1>欢迎，欢迎！！！！</h1>
    <h1> </h1>
    <!-- 章节1 -->
    <section >
      <h2 class="bold">1)排队效果</h2>
      <p>在使用MQ进行异步解耦后,会快速返回一个结果给前端，但是前端会开始发送请求探测当前的排队进度，因此会产生排队效果</p>
      <img src="@/assets/otherimg/queue.gif" alt="排队图片" width="1400" height="800">
    </section>
    <!-- 更多章节可以按照上面的格式添加 -->
    <!-- 章节2 -->
    <section >
      <h2 class="bold">2)单设备登陆限制</h2>
      <p>广义的说单个账号就不能打开多个页面进行重复登录，当我在下一个页面登录 上一个页面就会被挤掉</p>
      <img src="@/assets/otherimg/login.gif" alt="登陆限制图" width="1400" height="800">
    </section>
    <!-- 章节3 -->
    <section >
      <h2 class="bold">3)管理端页面</h2>
      <p>下面是管理端的页面 包括基础数据的管理 每日数据管理 和 跑批管理</p>
      <img src="@/assets/otherimg/admin.png" alt="管理端图" width="1400" height="800">
    </section>
  </div>
</template>
<script>
import { defineComponent } from 'vue';

export default defineComponent({
  setup() {
    return {
    };
  },
});
</script>
<style>
/* 使用CSS类加粗文本 */
.bold {
  font-weight: bold;
}
</style>

